import { fileURLToPath, URL } from 'node:url' // 从 Node.js 中导入 `fileURLToPath` 和 `URL`，用于将 URL 转换为文件路径

import { defineConfig } from 'vite' // 从 Vite 中导入 `defineConfig`，用于定义 Vite 配置
import vue from '@vitejs/plugin-vue' // 导入 Vue 插件，用于支持 .vue 文件
import vueJsx from '@vitejs/plugin-vue-jsx' // 导入 Vue JSX 插件，用于支持 JSX 语法
import vueDevTools from 'vite-plugin-vue-devtools' // 导入 Vue 开发工具插件，方便调试 Vue 项目

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [ // 配置插件
    vue(), // 启用 Vue 插件，支持 Vue 单文件组件 (SFC)
    vueJsx(), // 启用 Vue JSX 插件，允许在 Vue 项目中使用 JSX 语法
    vueDevTools(), // 启用 Vue 开发工具插件，增强开发体验
  ],
  resolve: {
    alias: { // 配置路径别名
      '@': fileURLToPath(new URL('./src', import.meta.url)) // 将 '@' 设置为 src 目录的别名，简化模块路径的引用
    }
  }
})
